$quietMenu: #2b4266;
$baseWhilt: #fff; //#fff
$baseTMenu: #1c2b36;
$greyColor: #8291a1;
$greyOne: #575b69;
$logo-img:url("/img/top/logo.png");

$active-color:#003ef3 !important; //标签页active颜色
$baseColor: #fff; //内容部分背景色#fff
$top-height:75px; //头部高度 95px
$content-height:calc(100% - 75px); //内容区高度
$top-img:url(/img/top/top.png); //头部背景图 url(/img/top.png) zhtx:url(/img/nav.zh.png)
$top-back-position:left; //头部背景图 center zhtx:left
$top-back:#213340; //头部背景色 
$top-quit-ge:#b0b3b5; //头部退出分隔线颜色
$top-quit-name:#2a6dff; //头部用户名颜色#dcf2ff zhtx:#c16262
$top-quit-icon:#5f7388; //头部icon#5f7388  zhtx:#a79249
$top-quit-btn-color:#e2e4c9; //头部按钮颜色#e2e4c9  zhtx:#a9a966
$top-quit-btn-color-active:#f99901; //头部按钮hover颜色#e2e4c9
$top-title-color:#fff; //头部标题颜色
$left-title-font:#fafbea; //左侧导航标题字体颜色
$left-menu-border-color:#a8afb1; //左侧导航栏边框颜色#a8afb1 zhtx:#540303
$left-menu-font:#fff; //左侧导航栏字体颜色
$left-menu-font-active:#f3f2c7; //左侧导航栏字体颜色(激活状态)
$left-menu-one-open:#f2faff; //左侧一级标题展开
$left-menu-back: #1c2b36; //左侧导航栏背景色  #1c2b36 zhtx:#330000
$left-menu-active-icon:#ffffea; //左侧导航栏高亮图标
$left-shrink-back:#8fb2d5; //左侧导航栏收缩框背景
$left-shrink-font:#fff; //左侧导航栏收缩框字体
$el-menu-afterborder:#000; //鼠标移动底部边颜色 #000 zhtx:#5a0404
$left-menu-active:#0149ce; //左侧选中菜单背景 #0149ce zhtx:#7b2c2c
//登录
$login-back-color: #001d54; //登录背景色
$login-back-img:url("/img/login/bg.png"); //登录背景页
$login-form-transform:translate(-50%, -50%);
$login-form-top:35%;
$login-form-left:50%;
$login-verification-back:#fff;
$login-form-border:#2f8c89;
$login-form-shadow:#fff;
$login-form-title-font:#fff;
$login-border:#EEEEEE;
$login-font-color:#fff;
$login-input-back:rgba(3, 12, 41, 0.16);
$login-input-border-active:#469fe8;

$form-title-color:#808080; //提示颜色
$form-value-color:#3a3a3a; //值颜色
$date-alarm-back: #fff6e7 !important; //日期选择器-告警背景
$date-alarm-order:#ff8f00 !important; //日期选择器-告警边框

$shadow-color:#d8d8d8; //阴影颜色
$border-color:#ebebeb; //边框颜色
$border-split-color:#f1ece0; //分隔线颜色

$font-color:#3a3a3a; //字体颜色
$warning-font:#b54f2f; //告警字体
$error-icon-color:#FF7043; //告警图标颜色
$error-font-color:#E64A19; //告警字体颜色
$error-back-color:#FBE9E7; //告警框背景
$error-border-color:#FF8A65; //告警边框颜色

$table-back:none;
$table-header-back-color:#6a8ead; //表格头背景颜色
$table-header-font-color:#fff !important; //表格头字体颜色
$table-odd-back-color:#f5fcff; //表格奇数行背景颜色 #f5fcff zhtx:fdffeb
$table-even-back-color:#fff; //表格偶数行背景颜色#fff
$table-hover-back-color:#E6F7FF; //表格行HOVER背景颜色#E6F7FF zhtx:dcd9b2
$table-active-back-color:#ade5ff; //表格行选中背景颜色
$table-warning-back-color:#ffced1; //表格行1级报警背景
$table-warning1-back-color:#ffc5af; //表格行2级报警背景
$table-warning2-back-color:#ffe7af; //表格行3级报警背景
$table-border-color:#ebeef5; //表格边框颜色
$table-border:1px solid #215d84;
$table-body-font-color:#000; //表格主体部分字体颜色
$table-tips-color:#8eccf1; //表格提示部分字体颜色
$card-shadow-color:#81D4FA; //card阴影颜色

$split-border-color:#ebeef5; //区分边框颜色

$dialog-header-back:linear-gradient(to right, #6389c3, #176296); //模态框头背景
$dialog-header-font:#fff; //模态框头字体颜色
$page-active-color:#0045ff;

$time-active-color:#00a6ff; //定时时间的active状态颜色

// form
$form-font-color:#3a3a3a;
//全局加载
$loading-back:#033e66; //#033e66 //全局加载背景
$loading-img:url("/img/loading2.png"); //全局加载动画图片

//带标题的框
$frame-title-border:#5f9aa6; //边框颜色
$frame-title-back:#ffffff; //标题背景色

//左右布局的左部分的
$add-icon-color:#215a14; //添加图标颜色
$add-icon-back:rgba(232, 254, 255, 0.6); //添加图标背景
$add-icon-shadow:0 0 4px #9bd9ff inset,
0 0 4px #6894a5; //添加图标阴影
$left-list-border:#cae1ef; //左边列表的边框颜色
$left-list-back:#e8f0f5; //左边列表的背景色
$left-list-shadow:inset 0 0 6px #ffffff; //左边列表的阴影
$left-list-font:#416386; //左边列表的字体颜色
$left-list-font-active:#3e92ff; //左边列表选中的字体颜色
$left-list-active-back:none;
$left-list-active-border:1px solid #92d1fb;
$left-list-font-active-shadow:none; //0 0 3px #ffcc00
$left-list-update:#6389c6; //修改图标颜色
$left-list-update-active:#2382ff; //修改图标颜色
$left-list-delete:#b1602a; //删除图标颜色
$left-list-delete-active:#dd7834; //删除图标颜色
$left-list-page:#bec4ca; //上下页颜色
$left-page-active-font:#0b6b9c; //鼠标hover翻页图标颜色
$left-page-active-back: #ecf7ff; //鼠标hover翻页背景颜色
$left-page-active-preshadow:0px 2px 5px -2px #92aeb7; //鼠标hover翻页阴影
$left-page-active-nextshadow:0 -2px 5px -2px #88a8bd; //鼠标hover翻页阴影
$right-list-border:#cae1ef; //右边列表的边框颜色
$right-split-border:#e4e085; //右边列表的分隔边框颜色
$right-font-title:#555555; //右边列表标题
$right-content-back:#ffffff; //右边列表的背景色
$right-content-shadow:inset 0 0 6px #ffffff; //右边列表的阴影

$empty-back:rgba(166, 203, 236, 1); //图标数据为空时背景
$empty-color:#ffffff; //图标数据为空时字体颜色


$warning-back:#fdf6ec; //告警框背景
$warning-font:#e6a23c; //告警框字体颜色
$warning-border:#faecd8; //告警框边框颜色

$device-info-label: #74787d;
$device-info-value:#182a42;
$device-info-info: #416314;
$device-slot-use-back: #617886;
$device-slot-use-border:2px solid #002142;


$costum-border:1px solid #e1e1e1;
$head-color:#585858;
$value-color:#000;
$mask-title:#1b4b67;